<template>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs" tabPosition="left">
      <el-tab-pane v-for="(item, index) in tabs" :key="index" :label="item.label" :name="item.name">
      </el-tab-pane>
      <component :is="whichComm[activeName]" :actionBtn="false" :searchConfig="false" :isWithAuth="0"></component>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import employee from "@/views/datacenter/business/insteServer/ClockRecord/employee.vue";
import InstitutionServiceTickets from '../institutionServiceTickets/index.vue'

const activeName = ref("employee");
const tabs = [
  { label: "打卡记录", name: "employee" },
  { label: "机构养老服务工单", name: "InstitutionServiceTickets" },
];

const whichComm = {
  employee,
  InstitutionServiceTickets,
};

</script>

<style scoped></style>